<template>
  <div :class="$style.container">
    <div :class="$style.left">
      <img src="./imgs/404.png">
    </div>
    <div :class="$style.right">
      <h4>请检查您输入的网址是否正确，请点击以下按钮返回主页或者发送错误报告</h4>
      <div>
        <el-button type="primary" round @click.stop="handleBackClick">返回首页</el-button>
      </div>
    </div>
  </div>
</template>
<script>
import { getToken } from '../../utils/auth'
export default {
  data() {
    return {};
  },
  methods: {
    handleBackClick () {
      let token = getToken()
      if (token) {
        this.$router.push({
          path: '/base/userList'
        })
      } else {
        this.$router.push({
          path: '/login'
        })
      }
    }
  }
};
</script> 
<style lang="scss" module>
.container {
  margin-top: 220px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  .left {
    img {
      width: 600px;
      height:300px;
    }
  }
  .right {
    margin-left: 50px;
    h4 {
      margin-bottom: 30px;
      color:grey;
      font-size:13px;
      line-height: 21px;
    }
  }
}
</style>